<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>歌手介绍</title>
		<script src="../../js/vue.js"></script>
		<script src="../../js/element.js"></script>
		<script src="../../js/axios.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../../css/element.css" />
		<link rel="stylesheet" type="text/css" href="../../fonts/iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/singer/introduce.css"/>
	</head>
	<body>
		<div id="app">
			<!-- 歌手简介 -->
			<div>
				<div class="singerName">{{singer.singerName}}简介</div>
				<div class="introduce">
					{{singer.singerRemarks}}
				</div>
			</div>
		</div>
	</body>
	<script>
		new Vue({
			el: '#app',
			data: function() {
				return {
					singer:'' ,//歌手信息
					singerRemarks: '' //处理好的歌手简介
				}
			},
			mounted() { // 生命周期函数
				this.getFatherInfo()
			},
			methods:{
				// 获取父页面的一些数据
				getFatherInfo(){
					var data = window.parent.toChildData
					console.log(data)
					this.singer = data
				},
			},
		})
	</script>
</html>
